---
title: Bien démarrer
description: Guides, ressources et références d'API pour vous aider à créer avec Astro, le framework web pour les sites axés sur le contenu.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
hero:
  title: Astro Docs
  tagline: "Guides, ressources et références API pour vous aider à créer avec Astro."
  actions:
    - text: Installer Astro
      icon: rocket
      link: /fr/install-and-setup/
    - text: "Découvrez les caractéristiques d'Astro"
      icon: right-arrow
      variant: minimal
      link: /fr/concepts/why-astro/
  facepile:
    tagline: "Réalisé par Astro et nos contributeurs open-source."
    linkText: "Rejoignez-nous !"
    link: /fr/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="Qu'allez-vous créer avec Astro ?" icon="laptop">
    Découvrez les [thèmes de démarrage d'Astro](https://astro.build/themes/) pour les blogs, les portfolios, les documents, les pages d'atterrissage, les SaaS, les pages marketing, les sites e-commerce, et bien plus encore !
  </Card>

  <Card title="Faire une visite guidée" icon="star">
    Complétez notre [tutoriel de création de blog](/fr/tutorial/0-introduction/) pour apprendre les bases et créer votre premier site Astro.
  </Card>

  <SplitCard title="Démarrer un nouveau projet" icon="rocket">
    ```sh
    # créer un nouveau projet avec npm
    npm create astro@latest
    ```

    Notre [guide d'installation](/fr/install-and-setup/) contient des instructions étape par étape pour installer Astro à l'aide de notre assistant CLI, pour créer un nouveau projet à partir d'un dépôt Astro existant sur GitHub, et pour installer Astro manuellement.
  </SplitCard>

  <ListCard title="Apprendre" icon="open-book">
    - [Principales caractéristiques d'Astro](/fr/concepts/why-astro/)
    - [Architecture en îlots](/fr/concepts/islands/)
    - [Composants Astro](/fr/basics/astro-components/)
    - [La syntaxe d'Astro](/fr/reference/astro-syntax/)
  </ListCard>

  <ListCard title="Compléter" icon="puzzle">
    - [Ajouter des intégrations comme React et Partytown](/fr/guides/integrations-guide/)
    - [Créer des collections de contenus avec sûreté du typage](/fr/guides/content-collections/)
    - [Améliorer la navigation avec des transitions de vue](/fr/guides/view-transitions/)
    - [Connecter un CMS headless à votre projet](/fr/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="Vous avez une question ou souhaitez vous impliquer ?" cta="Rejoignez notre serveur Discord"/>
